<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=5,IE=9" ><![endif]-->
<!DOCTYPE html>
<html>
    <head>
        <title>Graph Editor</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="data/styles/grapheditor.css">


        <script type="text/javascript">
            // Public global variables
            var MAX_REQUEST_SIZE = 10485760;
            var MAX_AREA = 10000 * 10000;


            var DATA_URL = "data/"
            // URLs for save and export
            var EXPORT_URL = DATA_URL + '/export';
            var SAVE_URL = DATA_URL + '/save';
            var OPEN_URL = '/open';
            var RESOURCES_PATH = DATA_URL + 'resources';
            var RESOURCE_BASE = RESOURCES_PATH + '/grapheditor';
            var STENCIL_PATH = DATA_URL + '/stencils';
            var IMAGE_PATH = DATA_URL + 'images';
            var STYLE_PATH = DATA_URL + 'styles';
            var CSS_PATH = DATA_URL + 'styles';
            var OPEN_FORM = DATA_URL + 'open.html';

            // Specifies connection mode for touch devices (at least one should be true)
            var tapAndHoldStartsConnection = true;
            var showConnectorImg = true;

            // Parses URL parameters. Supported parameters are:
            // - lang=xy: Specifies the language of the user interface.
            // - touch=1: Enables a touch-style user interface.
            // - storage=local: Enables HTML5 local storage.
            var urlParams = (function(url)
            {
                var result = new Object();
                var idx = url.lastIndexOf('?');

                if (idx > 0)
                {
                    var params = url.substring(idx + 1).split('&');

                    for (var i = 0; i < params.length; i++)
                    {
                        idx = params[i].indexOf('=');

                        if (idx > 0)
                        {
                            result[params[i].substring(0, idx)] = params[i].substring(idx + 1);
                        }
                    }
                }

                return result;
            })(window.location.href);

            // Sets the base path, the UI language via URL param and configures the
            // supported languages to avoid 404s. The loading of all core language
            // resources is disabled as all required resources are in grapheditor.
            // properties. Note that in this example the loading of two resource
            // files (the special bundle and the default bundle) is disabled to
            // save a GET request. This requires that all resources be present in
            // each properties file since only one file is loaded.
            mxLoadResources = false;
            mxBasePath = DATA_URL + '/src';
            mxLanguage = urlParams['lang'];
            mxLanguages = ['de'];
        </script>
        <script type="text/javascript" src="data/src/js/mxClient.js"></script>
        <script type="text/javascript" src="data/js/Editor.js"></script>
        <script type="text/javascript" src="data/js/jquery.js"></script>



        <script type="text/javascript" src="data/js/swimlaneActions.js"></script>
        <script type="text/javascript" src="data/js/Graph.js"></script>
        <script type="text/javascript" src="data/js/Shapes.js"></script>
        <script type="text/javascript" src="data/js/EditorUi.js"></script>
        <script type="text/javascript" src="data/js/Actions.js"></script>
        <script type="text/javascript" src="data/js/Menus.js"></script>
        <script type="text/javascript" src="data/js/Sidebar.js"></script>
        <script type="text/javascript" src="data/js/Toolbar.js"></script>
        <script type="text/javascript" src="data/js/Dialogs.js"></script>
        <script type="text/javascript" src="data/jscolor/jscolor.js"></script>



    </head>
    <body class="geEditor">
        <script type="text/javascript">
            // Extends EditorUi to update I/O action states
            (function()
            {
                var editorUiInit = EditorUi.prototype.init;

                EditorUi.prototype.init = function()
                {
                    editorUiInit.apply(this, arguments);
                    this.actions.get('export').setEnabled(false);





                    // Updates action states which require a backend
                    if (!useLocalStorage)
                    {
                        mxUtils.post(OPEN_URL, '', mxUtils.bind(this, function(req)
                        {
                            var enabled = req.getStatus() != 404;
                            this.actions.get('open').setEnabled(enabled || fileSupport);
                            this.actions.get('import').setEnabled(enabled || fileSupport);
                            /*  this.actions.get('save').setEnabled(enabled);
                             this.actions.get('saveAs').setEnabled(enabled);*/
                            this.actions.get('export').setEnabled(enabled);
                        }));
                    }
                };
            })();

            new EditorUi(new Editor());
        </script>
    </body>
</html>


<style>


    .opxml{
        display: none
    }

    .myprorow{
        cursor: pointer;
        border: 1px #eee dotted; 
    }

    .projectsTabel{
        height:250px ;
        overflow: auto;
    }
</style>